<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="comunSucursal.xhtml">
        <ui:define name="body">
            <p:ajaxStatus style="width:75px;height:75px;position:fixed;right:100px;bottom:100px">  
                <f:facet name="start">  
                    <p:graphicImage value="http://#{initParam['DIRECCION_SERVIDOR']}/Iconos/loading.gif" />  
                </f:facet>  

                <f:facet name="complete">  
                    <h:outputText value="" />  
                </f:facet>  
            </p:ajaxStatus>
            <h:form id="usuariosConReservaID"  >
                <p:growl id="mensajeBusqueda" showDetail="true" sticky="true" />
                <p:remoteCommand  name="iniciarDatos"
                                  process="@this"
                                  update="usuariosConReservaID"
                                  actionListener="#{usuariosConReservaControlador.iniciarDatos()}" />
                <h:panelGrid id="panelSeleccionEventoParaVerReservacionesID" columns="2" cellspacing="5">
                    <h:outputLabel value="Evento"/>
                    <h:selectOneMenu value="#{usuariosConReservaDataManager.evento}">
                        <f:converter converterId="eventoConvertidor" />
                        <f:selectItems value="#{usuariosConReservaControlador.selectItemEventos}"/>
                        <p:ajax event="change"
                                process="@this"
                                update="usuariosConReservaID"
                                listener="#{usuariosConReservaControlador.seleccionaEvento()}">
                        </p:ajax>
                    </h:selectOneMenu>
                </h:panelGrid>
                <p:outputPanel>
                    <h:panelGrid columns="2" cellpadding="5">
                        <f:facet name="header" >
                            Usuarios Con Reserva
                        </f:facet>
                        <center><p:dataTable value="#{usuariosConReservaDataManager.usuariosConReserva}" 
                                             id="usuariosConReservaID"
                                             var="usuariosConReserva"
                                             emptyMessage="No existen Usuarios con Reserva">
                                <p:column id="columnaNombreUsuariosConReservaID" headerText="Nombre" >
                                    <h:outputLabel value="#{usuariosConReserva.usCodigo.usNombre} #{usuariosConReserva.usCodigo.usPrimerApellido}" style="color: #CCCCCC" /> 
                                </p:column>
                                <p:column id="columnaTelefonoUsuariosConReservaID" headerText="Teléfono" >
                                    <h:outputLabel value="#{usuariosConReserva.usCodigo.usTelefono}" style="color: #CCCCCC"/>                                 
                                </p:column>
                                <p:column id="columnaFechaUsuariosConReservaID" headerText="Fecha" >
                                    <h:outputLabel value="#{usuariosConReserva.evUsFechaReserva}" style="color: #CCCCCC"/> 
                                </p:column>
                                <p:column id="columnaNumeroPersonasUsuariosConReservaID" headerText="Número de Personas" >
                                    <h:outputLabel value="#{usuariosConReserva.evUsNumeroPersona}" style="color: #CCCCCC"/>
                                </p:column>
                                <p:column id="columnaPersonasConfirmadasID" headerText="Confirma">
                                    <p:selectOneRadio id="Confirmados" value="#{usuariosConReserva.evUsConfirmado}" style="border-color: black">  
                                        <f:selectItem itemLabel="Si" itemValue="SI"/>  
                                        <f:selectItem itemLabel="No" itemValue="NO"/>  
                                    </p:selectOneRadio>
                                </p:column> 
                            </p:dataTable></center>    
                    </h:panelGrid>
                </p:outputPanel>
            </h:form>
        </ui:define>
    </ui:composition> 
</html>



